@font-face {
    font-family: 'DIN Light';
    src: url('din-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DIN Medium';
    src: url('din-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DIN';
    src: url('din-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

* {
	font-family: "DIN", Arial, sans-serif;
}

*:focus {
	outline: none;
}

body {
	font-family: "DIN", Arial, sans-serif;
	font-size: 14px;
	margin: 0px;
}

body.home {
	background: url(../img/bg.jpg);
}

body.result {
	background: #333745;
}

.logo-light {
	background: url(../img/logo-light.png);
	width: 162px;
	height: 47px;
	margin: 30px 50px;
}

.home .container {
	width: 600px;
	margin: 0 auto;
	margin-top: 100px;
	float: none;
}

.home .logo-dark {
	margin-bottom: 50px;
	text-align: center;
}

.trip-type {
	border-bottom: solid 3px #77C4D3;
	height: 21px;
}

.trip-type span {
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px 10px;
}

.trip-type .active {
	background: #77C4D3;
	color: #fff;
}

.trip {
	display: block;
	float: left;
	background: #fff;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 2px;
}

.trip td {
	padding: 15px;
}

.travel-date input[type=text] {
	color: #77C4D3;
	font-size: 24px;
	width: 65px;
	text-transform: uppercase;
}

.pax-input {
	padding-left: 115px;
}

.pax-input input[type=text] {
	width: 50px;
}

.month, .date {
	text-transform: uppercase;
}

.bar .month, .bar .date {
	color: #fff;
	margin-right: 20px;
}

.bar .date {
	font-size: 48px;
}

.pax-input td {
	padding-right: 6px;
}

input[type=text],
.airport-name {
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #333745;
	font-family: "DIN", Arial, sans-serif;
	margin: 0;
	background: none;
}

.w200 {
	width: 200px;
}

input[type=text]:focus {
	background: #D4EBF0;
}

input[type=submit],
input[type=button] {
	-webkit-appearance: button;
	appearance: button;
	color: #fff;
	background: #77C4D3;
	font-size: 18px;
	padding: 5px 20px;
	text-transform: uppercase;
	border: none;
}

input[type=submit]:hover,
input[type=button]:hover {
	opacity: 0.8;
}

div.caption {
	margin-top: 3px;
	padding-top: 3px;
	font-size: 12px;
	color: #AAA;
	border-top: solid 1px #EEE4E3;
	text-transform: uppercase;
}

.bar div.caption {
	border-top: solid 1px #747474;
	color: #747474;
}

.container {
	float: left;
}

.bar {
	width: 300px;
	height: 100%;
	background: #77C4D3;
	float: right;
	margin-right: 10%;
	color: #333745;
	padding: 20px;
	overflow: scroll;
}

.bar h1 {
	font-size: 18px;
	font-weight: normal;
	border-bottom: solid 1px #333745;
	margin-left: -20px;
	padding: 5px 20px;
	display: inline-block;
}

h5 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.bar td {
	padding: 5px 0px;
	vertical-align: top;
}

table.fares {
	width: 100%;
	font-size: 14px;
}

.right {
	text-align: right;
}

tr.sub-total td.right {
	border-top: solid 1px #747474;
	font-size: 15px;
}

.small {
	width: 180px;
}

.large {
	width: 540px;
}

.medium {
	width: 360px;
}

.pax-detail,
.flight {
	background: #fff;
	padding: 20px;
	font-size: 14px;
}

.pax-detail td {
	padding: 5px;
}

.pax-index {
	font-size: 48px;
	vertical-align: top;
	color: #77C4D3;
}

.pax-wrap h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 300;
	padding: 10px;
	border-bottom: solid 5px #77C4D3;
	margin: 0;
	padding-left: 0px;
}

.pax-wrap h1 span {
	color: #77C4D3;
}

.content {
	margin-left: 50px;
}

.ui-datepicker {
	background: #D4EBF0;
	
}

.ui-datepicker-header,
.ui-datepicker-calendar {
	padding: 10px;
}

.ui-datepicker-title {
	color: #747474;
	font-size: 18px;
}

.ui-datepicker-calendar td {
	min-width: 25px;
}

.ui-datepicker-group {
	float: left;
}

a {
	color: #666666;
	text-decoration: none;
}

.pull-right {
	margin: 20px 0;
	float: right;
}

.total {
	margin-top: 40px;
	border-top: solid 1px #747474;
	font-size: 18px;
	font-weight: bold;
	float: right;
	padding-left: 40px;
	padding-top: 10px;
}

.right {
	text-align: right;
}

.small-port {
	font-size: 12px;
}

td.small-port {
	border-top: solid 1px #747474 !important;
}

span.right {
	float: right;
}

table.segments {
	width: 150px;
	margin: 0 auto;
}

table.segments td {
	padding: 2px;
}

table.center {
	vertical-align: middle;
	text-align: center;
}

table.flights th {
	background: #65C4D8;
	color: white;
	padding: 5px;
}

table.flights tr td {
	border: 0px;
	padding: 5px;
}

table.flights > tbody > tr {
	background: #B3E4EE;
}

.pnr h3 {
	color: #77C4D3;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.pnr-num {
	color: #77C4D3;
	text-transform: uppercase;
	font-size: 48px;
	margin: 20px 0 5px 0px;
}

.pnr {
	font-size: 15px;
	color: #E0E0E0;
	margin-bottom: 50px;
}